extends ./include/layout
block header 
    include ./include/header
    link( rel="stylesheet" media="all" href="/style/story/readChapter.css") 

block sidemenu
    include ./include/sidemenu
block sidebar
    div.sidebar-title
    div.sidebar-search
        input.sidebar-search-input(placeholder="搜索关键词")
    div.sidebar-list.animated.fadeIn
        div.sidebar-list-nav
            button.list-nav-item.active 章节列表
        ul.list-wrap
            li.list-item( v-for="item in sidebarDataList", track-by="$index", v-on:click.prevent="sidebarItemClick(item, $index)" , v-bind:class='{"active": (chapterInfo.chapter_id == item.chapter_id)}')
                span {{item.title}} 
            
        //-div.sidebar-slide &lt;
block main
    div.main-content.animated.fadeIn
        div.main-processbar
            div.processbar-len
            div.processbar-desc
        div.main-title
            h2 {{chapterInfo.title}}
            small 作者:{{authorInfo.user_name}}
        div.main-body.
            {{{htmlContent}}}
        div.main-next
            div
                button.btn.point(v-for="item in chapterInfo.nodes",v-on:click.prevent="nodeBtnClick($index,item)" ) {{item.content}}
            div
                button.btn.point.sm-btn.no-border( v-on:click.prevent="zanBtnClick($index, chapter_id)") 赞( {{chapterInfo.zan_count}} )
                //- button.btn.point.sm-btn.no-border( v-on:click.prevent="rewriteBtnClick(chapterInfo.story_id, chapterInfo.chapter_id, chapterInfo.node_id)") 重写此章节
                button.btn.point.sm-btn.no-border( v-if="parent_node_id" v-on:click.prevent="prevChapterBtnClick( story_id, parent_node_id)") 上一章
block footer
    include ./include/footer
    script( src="/javascript/app/story/readChapter.js" )
        